import cx from 'classnames';
import React from 'react';
import styles from './index.less';

interface ViewProps extends React.HTMLAttributes<HTMLSpanElement> {
  active?: boolean;
}
export default class LoadingDot1 extends React.Component<ViewProps> {
  public render() {
    const { active, className, children, ...restProps } = this.props;

    return (
      <div
        className={cx(styles.box, className, {
          [styles.active]: active,
        })}
        {...restProps}
      >
        <div
          className={styles.viewBox}
          style={{
            filter: 'url(#svgFLoad)',
          }}
        >
          <div className={styles.g1}></div>
          <div className={styles.g2}></div>
          <div className={styles.g3}></div>
          <div className={styles.g4}></div>
        </div>
      </div>
    );
  }
}
